Ionic অ্যাপ্লিকেশন তৈরি করার পর একটি নির্দিষ্ট ফোল্ডার স্ট্রাকচার তৈরি হয়, যা অ্যাপ্লিকেশনের বিভিন্ন অংশ এবং কনফিগারেশন ফাইলের জন্য প্রয়োজনীয় স্থান প্রদান করে। এই ফোল্ডার স্ট্রাকচার Ionic অ্যাপের ডেভেলপমেন্ট, বিল্ড, এবং ডেপ্লয়মেন্ট প্রক্রিয়া সহজ করে।
নিচে Ionic অ্যাপ্লিকেশনের সাধারণ ফোল্ডার স্ট্রাকচার দেয়া হলো:
1. src (Source Code)
এই ফোল্ডারে অ্যাপ্লিকেশনের সমস্ত সোর্স কোড থাকে। এখানে অ্যাপের মূল কার্যাবলী, ইউআই, রাউটিং, এবং অন্যান্য কম্পোনেন্টস সংরক্ষিত থাকে।
src/app/:- এটি অ্যাপ্লিকেশনের প্রধান ফোল্ডার যেখানে আপনার সমস্ত Angular/React/Vue কম্পোনেন্টস, সার্ভিসেস, এবং অন্যান্য লজিক থাকে।
- app.module.ts: অ্যাপ্লিকেশন মডিউল যা অ্যাপের অন্যান্য অংশগুলিকে একত্রিত করে।
- app.component.ts: অ্যাপ্লিকেশনের মূল কম্পোনেন্ট।
src/assets/:- এখানে আপনার অ্যাপের স্ট্যাটিক ফাইল (ইমেজ, আইকন, ফন্ট ইত্যাদি) রাখা হয়।
- assets/icons/: অ্যাপের আইকন।
- assets/images/: ইমেজ ফাইল।
src/environments/:- বিভিন্ন এনভায়রনমেন্ট কনফিগারেশন ফাইল থাকে, যেমন environment.ts এবং environment.prod.ts, যেখানে ডেভেলপমেন্ট এবং প্রোডাকশন কনফিগারেশন সংরক্ষিত থাকে।
src/theme/:- অ্যাপের থিম এবং স্টাইলস সংরক্ষিত থাকে, যেমন variables.scss বা global.scss।
src/pages/:- এটি অ্যাপের বিভিন্ন পেজের জন্য ব্যবহার করা হয়। প্রতিটি পেজের জন্য একটি আলাদা ফোল্ডার থাকে।
- উদাহরণস্বরূপ:
- home/: হোম পেজের কম্পোনেন্ট।
- login/: লগইন পেজের কম্পোনেন্ট।
2. www (Build Folder)
এই ফোল্ডারে অ্যাপটি বিল্ড করার পর সমস্ত ফাইনাল ফাইল (HTML, CSS, JS) রাখা হয়। এটি ওয়েব ব্রাউজারে অ্যাপটি রেন্ডার করার জন্য ব্যবহৃত হয়।
www/index.html:- অ্যাপ্লিকেশনের প্রধান HTML ফাইল। এখানে অ্যাপের মূল কাঠামো থাকে এবং এটি অ্যাপের HTML টেমপ্লেট হিসেবে কাজ করে।
www/js/:- এখানে অ্যাপের JavaScript (বা TypeScript) ফাইল থাকে যা অ্যাপ্লিকেশনের কার্যাবলী পরিচালনা করে।
www/css/:- অ্যাপের সিএসএস বা স্টাইল ফাইল সংরক্ষিত থাকে। এই ফোল্ডারে অ্যাপের লেআউট এবং ডিজাইন সম্পর্কিত সমস্ত ফাইল থাকবে।
3. platforms (Mobile Platforms)
এই ফোল্ডারটি বিভিন্ন মোবাইল প্ল্যাটফর্মের জন্য নির্দিষ্ট ফাইল ধারণ করে, যেমন Android, iOS।
platforms/android/:- Android প্ল্যাটফর্মের জন্য অ্যাপের সকল ফাইল এবং কনফিগারেশন।
platforms/ios/:- iOS প্ল্যাটফর্মের জন্য অ্যাপের সকল ফাইল এবং কনফিগারেশন।
4. node_modules (Dependencies)
এই ফোল্ডারে অ্যাপ্লিকেশনের সমস্ত ডিপেনডেন্সি বা প্যাকেজ ইনস্টল থাকে, যা npm বা yarn এর মাধ্যমে ব্যবস্থাপনা করা হয়। এখানে থাকা ফোল্ডারের মধ্যে আপনার অ্যাপের প্রয়োজনীয় লাইব্রেরি এবং ফ্রেমওয়ার্ক থাকে।
5. config.xml (Cordova Configuration)
এটি Cordova প্ল্যাটফর্মের জন্য কনফিগারেশন ফাইল। এখানে মোবাইল অ্যাপের জন্য নির্দিষ্ট কনফিগারেশন সেটিংস থাকে, যেমন অ্যাপের নাম, আইকন, প্ল্যাটফর্ম নির্ধারণ ইত্যাদি।
6. package.json (NPM Configuration)
এই ফাইলটি npm প্যাকেজ ম্যানেজারের কনফিগারেশন ফাইল। এখানে অ্যাপের ডিপেনডেন্সি, স্ক্রিপ্ট, এবং অন্যান্য কনফিগারেশন থাকে।
- dependencies: অ্যাপের জন্য প্রয়োজনীয় সমস্ত প্যাকেজ ও লাইব্রেরির তালিকা।
- scripts: অ্যাপ বিল্ড, টেস্ট, সার্ভ ইত্যাদি কমান্ড চালানোর স্ক্রিপ্ট।
7. ionic.config.json (Ionic Project Configuration)
এই ফাইলটি Ionic প্রকল্পের কনফিগারেশন ফাইল যা Ionic CLI এর জন্য ব্যবহৃত হয়। এখানে অ্যাপের প্ল্যাটফর্ম এবং অন্যান্য কনফিগারেশন সেটিংস থাকে।
8. www/cordova.js (Cordova File)
এই ফাইলটি Cordova এর সাথে কাজ করার জন্য ব্যবহৃত হয় এবং এতে ডিভাইসের নেটিভ API এর জন্য ব্রিজিং কোড থাকে।
Ionic অ্যাপ্লিকেশনের ফোল্ডার স্ট্রাকচারের সংক্ষিপ্ত সারাংশ:
- src/: সোর্স কোড (কম্পোনেন্ট, পেজ, সার্ভিসেস, স্টাইল, ইত্যাদি)
- www/: বিল্ড ফোল্ডার (জাভাস্ক্রিপ্ট, সিএসএস, এইচটিএমএল)
- platforms/: প্ল্যাটফর্ম নির্দিষ্ট ফোল্ডার (Android/iOS)
- node_modules/: ইনস্টলড ডিপেনডেন্সি
- package.json: npm প্যাকেজ কনফিগারেশন
- config.xml: Cordova কনফিগারেশন
- ionic.config.json: Ionic কনফিগারেশন
এই ফোল্ডার স্ট্রাকচারটি অ্যাপ্লিকেশন ডেভেলপমেন্টের সময় কার্যকরভাবে কোড অর্গানাইজ এবং রক্ষণাবেক্ষণ করতে সাহায্য করে।
Read more
